
<div style="POSITION: relative" id="content">
  <h3>使用easyUI创建Menu Button</h3>
  <div id="article_content" class="article_content">
    <p><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">Menu button包含一个button和一个menu组件,当点击或移动鼠标至button上,一个对应的菜单将显示.</span><br>
    </p>
    <p><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left"><img src="documentation/images/1344416760_7751.png" alt=""><br>
      </span></p>
    <p>定义一个<span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">menu button,你应该定义一个<span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">link button 和一个 menu,下面就是一个例子:</span></span></p>
<p><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left"><span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left"></span></span>
<pre name="code" class="html">&lt;div style=&quot;background:#fafafa;padding:5px;width:200px;border:1px solid #ccc&quot;&gt;  
    &lt;a href=&quot;#&quot; class=&quot;easyui-menubutton&quot; menu=&quot;#mm1&quot; iconCls=&quot;icon-edit&quot;&gt;Edit&lt;/a&gt;  
    &lt;a href=&quot;#&quot; class=&quot;easyui-menubutton&quot; menu=&quot;#mm2&quot; iconCls=&quot;icon-help&quot;&gt;Help&lt;/a&gt;  
&lt;/div&gt;  
&lt;div id=&quot;mm1&quot; style=&quot;width:150px;&quot;&gt;  
    &lt;div iconCls=&quot;icon-undo&quot;&gt;Undo&lt;/div&gt;  
    &lt;div iconCls=&quot;icon-redo&quot;&gt;Redo&lt;/div&gt;  
    &lt;div class=&quot;menu-sep&quot;&gt;&lt;/div&gt;  
    &lt;div&gt;Cut&lt;/div&gt;  
    &lt;div&gt;Copy&lt;/div&gt;  
    &lt;div&gt;Paste&lt;/div&gt;  
    &lt;div class=&quot;menu-sep&quot;&gt;&lt;/div&gt;  
    &lt;div iconCls=&quot;icon-remove&quot;&gt;Delete&lt;/div&gt;  
    &lt;div&gt;Select All&lt;/div&gt;  
&lt;/div&gt;  
&lt;div id=&quot;mm2&quot; style=&quot;width:100px;&quot;&gt;  
    &lt;div&gt;Help&lt;/div&gt;  
    &lt;div&gt;Update&lt;/div&gt;  
    &lt;div&gt;About&lt;/div&gt;  
&lt;/div&gt; </pre>
    现在一个<span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">&nbsp;menu
    button已经定义完,你不需要写任何的<span style="font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif; font-size:14px; text-align:left">javascript 代码.</span></span><br>
    <br>
    </p>
  </div>
</div>
<SCRIPT type=text/javascript>
	dp.SyntaxHighlighter.ClipboardSwf = 'documentation/js/clipboard.swf'/*tpa=http://jeasyui.com/SyntaxHighlighter/Scripts/clipboard.swf*/;
	dp.SyntaxHighlighter.HighlightAll('code');
</SCRIPT>